<!DOCTYPE html>
<html>
<head>
	<title>MUKEFILE登录</title>
	<#include "common/headFile.ftl"/>
	<!--验证登录是否为空-->
	<script type="text/javascript">
		$(function() {
			$("#fm").submit(function(){
				if($("#name").val()==""){
					new $.zui.Messager('请输入用户名！', {
			        	icon: 'cloud-upload',// 定义消息图标
			        	time:'1000'
			    	}).show();
					return false;
				}else if($("#pwd").val()==""){
					new $.zui.Messager('请输入密码！', {
			        	icon: 'cloud-upload',// 定义消息图标
			        	time:'1000'
			    	}).show();
					return false;
				}else{
					return true;
				}
				
			})
		});

	</script>
	<style>
		body{background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);}
	</style>
</head>
<body>
	<div class="login">
		<div class="login-top">
			<div class="login-title">
			  <span><i class="icon-cloud-upload icon-2x"></i> MUKEFILE</span>
			  <i style="margin-left:900px;"><a href="index">首页</a></i>
			</div>
		</div>
		<div class="login-middle">
			<div class="login-info">
				<div class="login-info-head"><i>Login</i>
					<span style="margin-left:20px;color: red;font-size: 16px; font-weight: bold;">${msg!}</span>
				</div>
				<hr />
				<div class="login-fm">
			    <form id="fm" action="user!userLogin" method="post">
				  <div class="form-group" >
				    <input type="text" class="form-control" id="name" name="username"
				    	placeholder="用户名">
				  </div>
				  <div class="form-group">
				    <input type="password" class="form-control" id="pwd" name="password"
				    placeholder="密码">
				  </div>
				  <input type="submit" class="btn btn-primary" value="Login"/>
				</form>
				</div>								
			</div>
		</div>

		<#include "common/bottom.ftl"/>
	</div>
</body>
</html>